<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@include file="/commons/header.jsp" %>

<div style="margin-left:210px;margin-top:65px;padding:10px 5px 0 5px;">

    <div style="line-height:26px;height:26px;margin-bottom:50px;">
        <h1 style="float:left;font-size:26px;">借还图书</h1>

        <span class="layui-breadcrumb" style="float:right;font-size:12px;">
                <a href="#">首页</a>
                <a><cite>控制面板</cite></a>
            </span>
    </div>

    <div class="layui-anim-up" style="width:40%;float: left;text-align: center;min-width:350px;">
        <img id="borrow" src="${pageContext.request.contextPath}/manager/CircleServlet?op=showBorrowQr" width="300" alt="借阅二维码"/>
        <h1 style="margin: 0 auto;">借书</h1>
    </div>


    <div class="layui-anim-scaleSpring" style="width:40%;float: left;text-align: center;min-width:350px;">
        <img id="return" src="${pageContext.request.contextPath}/manager/CircleServlet?op=showReturnQr" width="300" alt="借阅二维码"/>
        <h1 style="margin: 0 auto;">还书</h1>
    </div>

    <div style="clear: both;margin-bottom: 50px;"></div>
    <blockquote class="layui-elem-quote">您可在此页面进行借书还书操作。</blockquote>
<br/><br/><br/><br/><br/><br/>

    <script>
        $(function(){
            var $borrow =$("#borrow");
            var $return = $("#return");
            setInterval(function(){
                $borrow.attr("src","${pageContext.request.contextPath}/manager/CircleServlet?op=showBorrowQr&num="+Math.random());
                $return.attr("src","${pageContext.request.contextPath}/manager/CircleServlet?op=showReturnQr&num="+Math.random());

            },10000);

        });

    </script>
    <script src="${pageContext.request.contextPath}/lib/layui.all.js"></script>
<%@include file="/commons/footer.jsp" %>